<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />    
    <style>     
     /* 头部样式 */
     .topbar {background: #3A8B7A; height:50px; border-bottom: 1px solid #DDDFE3; }
     #title { color:#FFF;} 
     .swipe {line-height: 50px;margin-right: 10px;color: #FF8400;}
     .back {float: left; padding-right: 30px;}
     .back img {height: 30px;margin-top: 10px;margin-left: 10px;margin-bottom: 10px;}
     .topbar .title {line-height: 50px; font-size: 22px; position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
     .right {float: right; padding-left: 30px;}
     .right img {height: 30px;margin-top: 10px;margin-right: 10px;margin-bottom: 10px;}  
    </style>
  </head>
  <body>
    <div id="wrap">
      <!-- 第一头部 -->
      <div id="header" class="titlebar activebar">
        <div class="topbar whitebar">
          <div class="back"  tapmode="" onclick="goback()"><img src="../image/btn/back.png" alt=""></div>
          <div class="title" id="title">舆情处置</div>
          <div id="right" class="right">
               <a tapmode="" onclick="window.openWin('classification');"><img src="../image/btn/classification.png" alt=""></a>
               <a tapmode="" onclick="window.openWin('search');"><img src="../image/btn/search.png" alt=""></a>
         </div>
         </div>       
       </div>      
    </div>
  </body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/api.data.js"></script>
<script type="text/javascript" src="../script/jquery.md5.js"></script>
<script type="text/javascript" src="../script/jquery.min.js"></script>
  <script type="text/javascript">
  
    apiready = function(){                  
        //获取头部和底部的相关信息，计算子窗口的高度及y坐标
        header = $api.byId('header');       
        $api.fixIos7Bar(header);     
        headerOffset = $api.offset(header);
 
        // 第一次进入打开 默认未处置信息
        var height = 100;
        if (api.systemType =="ios"){
            height = parseInt(height)+20;
         }
        api.openFrame ({
            name: 'unifiedList',
            url: './unifiedList.html',
            rect:{
            x:0,
            y:height,
            w:'auto',
            h:'auto'
            },
            delay: 300,
            pageParam: {category:"management"},
            vScrollBarEnabled:true,          
            hScrollBarEnabled:false,  
            scaleEnabled:true,           
        });
      
    }
    
        /* 打开新的窗口. */
    function openWin(category){                    
        api.openWin({
            name: 'unifiedWin',
            url: './unifiedWin.html',
            delay: 300,
            bounces: false,
            vScrollBarEnabled:false,
            hScrollBarEnabled:true,
            pageParam: {category:category}
        }); 
    }
    
    function goback () {
      api.closeWin({name:'managementWin'});
    }
    
   
  </script>
</html>